﻿@model smp.ButterflyCakes.Models.ViewModels.Schedule.DateModel
@{
    ViewBag.Title = "Butterfly Cakes";
    Layout = "~/Views/Shared/_Layout.cshtml";
}
<div class="container-fluid">
    <div class="row-fluid">
        <ul class="breadcrumb">
            <li><a href="@Url.Action("index", "Home")">Home</a><span class="divider">/</span></li>
            <li class="active">Schedule</li>
        </ul>
    </div>
    <div class="row-fluid">
        <div class="navbar">
            <div class="navbar-inner">
                <div class="container">
                    <ul class="nav">
                        <li class="active"><a class="brand" href="@Url.Action("index", "Schedule")">Schedule</a>
                        </li>
                        <li><a id="previous" href="#"><i class="icon-step-backward"></i>Previous</a> </li>
                        <li class="dropdown"><a id="month" href="#" class="dropdown-toggle" data-toggle="dropdown" value="@Model.DisplayMonth">@Model.DisplayMonth
                            <b class="caret"></b></a>
                            <ul class="dropdown-menu">
                                @foreach (var month in Model.MonthList)
                                {
                                    <li><a class="selectablemonth" href="#">@month</a></li>
                                }
                            </ul>
                        </li>
                        <li class="dropdown"><a id="year" href="#" class="dropdown-toggle" data-toggle="dropdown" value="@Model.DisplayYear">@Model.DisplayYear
                            <b class="caret"></b></a>
                            <ul class="dropdown-menu">
                                @foreach (var year in Model.YearList)
                                {
                                    <li><a class="selectableyear" href="#">@year</a></li>
                                }
                            </ul>
                        </li>
                        <li><a id="next" href="#">Next<i class="icon-step-forward"></i></a> </li>
                    </ul>
                </div>
            </div>
        </div>
    </div>
    <div class="row-fluid">
        <div class="row-fluid" id="calendarcontainer">
        </div>
    </div>
</div>
<script src="@Url.Content("~/Scripts/Schedule.js")" type="text/javascript"></script>
